<template>
  <div>
    hello sub
    <!-- 如果没有传入内容，会默认显示这个默认内容 -->
    <slot>默认内容</slot>

    <slot name="header"></slot>

    <slot name="footer" :user="user" :n="n"></slot>
  </div>
</template>

<script setup>
import { ref } from "vue";

const user = ref({
  title: "title",
  name: "jack",
});

const n = ref(10);
</script>

<style scoped></style>
